<script src="/javascripts/calendar.js"></script>
<link href="/stylesheets/awesome-form.css" rel="stylesheet" type="text/css" media="all" />
<form class="awesome" method="post" action="" enctype="multipart/form-data">
<h1>Edit your profile</h1>		
    <img src="<%=@user.depiction%>" align=right />
	<input type="hidden" name="id" id="id" value="<%=@user.id%>" />
	<label for="login">Your motto or favorite saying </label>
	<input type="text" name="title" id="title" value="<%=@user.title%>" />
	<p class="desc">This goes under your picture. Keep it short.</p>
	<br>
	<label for="link">Your main homepage </label>
	<input type="text" name="link" id="link" value="<%=@user.link%>" />
	<p class="desc">Your MySpace or Facebook page, for instance</p>
	<br>
	<label for="location">Your zipcode </label>
	<input type="text" name="location" id="location" value="<%=@user.location%>" />
	<p class="desc">or any general description of where you are</p>
	<br>	
	<label for="age">Your age </label>
	<input type="text" name="age" id="age" value="<%=@user.age%>" />
	<p class="desc">must be a number</p>
	<br>
	<label for="image">Add a picture of yourself if you have one.</label>
	<input type="file" name="depiction" id="depiction" />
	<img src="<%=BaseUtils.user_pic_or_default(@user.depiction) %>" width="60"></img>
    <p class="desc">Click the Browse button to find the picture file on your computer.</p>
    <br/>
	<label for="description">Tell us about yourself </label>
	<textarea rows="4" cols="5" id="description" name="description"><%=@user.description%></textarea>
	<br/>
	<p class="desc">This will show up when other people look at your profile page.</p>
	<input type="submit" value="submit" style="width:70px" />
</form>
